<template>
	<div class="header">
		<slot name="back"></slot>
		<p>{{ $route.meta.title }}</p>
	</div>
</template>

<script>
export default {
	data() {
		return {};
	},
	computed: {},
	watch: {},

	methods: {},
	created() {},
	mounted() {},
	components: {},
};
</script>
<style scoped>
.header {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: pink;
	position: relative;
}
.header span {
	display: block;
	width: 80px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 10px;
}
</style>
